import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// 1.1 引入less全局包
// import globalStyle from '@originjs/vite-plugin-global-style'
// 1.2 引入别名包
import path from 'path'

export default defineConfig({
  // 2. 插件相关
  plugins: [
    vue(),

    // 加载 less
    // globalStyle({
    //   sourcePath: './src/style',
    //   lessEnabled: true
    // })
  ],

  css: {
    preprocessorOptions: {
      less: {
        math: 'always',
        globalVars: {
          color: 'red'
        }
      }
    }
  },

  // 3. 配置别名
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  },

  // 4. 虚拟服务配置
  server: {
    port: 9527
  }
})
